</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_RATING%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="LogoImage" --><!--DXMETADATA end--> <div id="ProjectTitle"><!--DXMETADATA start type="ProjectTitle" -->WPF and Silverlight Edition Basic Library <!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->Step 4 of 4: Running the Project<!--DXMETADATA end--></div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel"><!--DXMETADATA start type="Phrase" name="COLLAPSE_ALL" -->Collapse All<!--DXMETADATA end--></label> <label id="ExpandAllLabel" style="display: none;"><!--DXMETADATA start type="Phrase" name="EXPAND_ALL" -->Expand All<!--DXMETADATA end--></label> </span><!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_DROPDOWN%%" --><!--DXMETADATA end --> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><div class="BreadcrumbsContainer"><table><tr><td> <a href="WPF and Silverlight Edition Basic Library.html">WPF and Silverlight Edition Basic Library</a> > <a href="TabControl .html">TabControl </a> > TabControl Quick Start > Step 4 of 4: Running the Project</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p>In the previous steps, you created a project with a <a href="C1.WPF.4~C1.WPF.C1TabControl.html">C1TabControl</a> control, added tab pages to the control, and modified the control's appearance and behaviors. In this step, you will run the program and observe all of the changes you made to the <strong>C1TabControl</strong> control.</p> <p>Complete the following steps:</p> <ol> <li>Press F5 to run the project. Observe that the <strong>C1TabControl</strong>'s tabstrip runs along the bottom of the control and features sloped tabs. Also note that it loads with the first tab page, which features a <strong>Calendar</strong> control as content, in view. </li> </ol> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p><img border="0" alt="" src="images/TabControl/QSRunning1.png"></p> </blockquote> <ol style="COUNTER-RESET: item 1" start="2"> <li>Click <strong>Tab 2</strong> and observe that the content is just the <strong>Content</strong> property set to a string. </li> </ol> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p><img border="0" alt="" src="images/TabControl/QSRunning2.png"></p> </blockquote> <ol style="COUNTER-RESET: item 2" start="3"> <li>Click the drop-down button to open the tab menu and select <strong>Tab 1</strong>.</li> </ol> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p><img border="0" alt="" src="images/TabControl/QSRunning3.png"></p> <p><strong>Tab 1</strong> takes focus again.</p> </blockquote> <ol style="COUNTER-RESET: item 3" start="4"> <li>Click <strong>Tab 1's</strong> close button to close the tab.</li> <li>Click <strong>Tab 2's</strong> close button to close the tab. <strong>Tab 3's</strong> content comes into focus; you can't close this tab because you set its <strong>CanUserClose</strong> property to False in a previous step.</li> <li>Click the menu button and note that only the current tab page, <strong>Tab 3</strong>, is listed because the other two are closed. </li> </ol> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p><img border="0" alt="" src="images/TabControl/QSRunning4.png"></p> </blockquote> <p><strong>Congratulations!</strong></p> <p>You have completed all four steps of the <strong>TabControl for WPF and Silverlight</strong> quick start. In this quick start, you created a project with a fully customized <strong>C1TabControl</strong>.</p> <p> </p><!--DXMETADATA end--> <a name="seealsobookmark"></a> <!--DXMETADATA start type="FilteredItemList" scrap="CATEGORISED_LINKS" namespace="linkcategory" source="Item" filter="" NoHeader="True" NoFooter="True" format="%%replaceinquotes:value=false%%%%scrap:name=_COLLAPSIBLE_HEADER,idprefix=seealso,caption=""%%phrase:name=SeeAlso%%%%designlist:tagidentifier=seealso,itemtype=See Also%%""%%%%filtereditemlist%%</div>"--><!--DXMETADATA end--> </div> <div id="FooterContent"> <!--DXMETADATA start type="Scrap" condition="communityenabled" name="_COMMUNITY_FOOTER" --><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="CopyrightNotice" format="<p> </p><p> </p><hr style=""height: 1px"" /><p>%%variable%%</p>" --><p> </p><p> </p><hr style="height: 1px"><p>Copyright © <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved.</p><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><a href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> | <a href="http://feedback.componentone.com/forums/272000-wpf-and-silverlight-documentation" target="_blank">Documentation Feedback</a> <!--DXMETADATA end--> </div> </body> </html>